<template>
  <div class="container">
    <select name id>
      <option value>123</option>
      <option value>456</option>
      <option value>123</option>
      <option value>456</option>
      <option value>123</option>
      <option value>456</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {},
  components: {},
}
</script>

<style scoped>
select {
  width: 150px;
  height: 38px;
  font-size: 22px;
}
option {
  background: #ccc;
}
select:hover {
  background: rgb(186, 20, 20);
}
</style>
